<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    我是<span style="color: red">红</span><span style="color: green">绿</span><span style="color: blue">蓝</span>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto, nemo eius recusandae, consequatur dolore modi architecto esse, ad dolorum eum eos quia sint? Nostrum vel delectus at eum voluptates recusandae?</p>
    <p>Error doloremque doloribus corrupti autem, minima dicta neque quo quod numquam pariatur molestias enim omnis maxime voluptas quidem cumque consequatur libero id, adipisci sit deleniti reiciendis unde, a culpa? Atque!</p>
    <p>Facilis, corrupti? Obcaecati adipisci blanditiis consequuntur. Facere consequuntur voluptate officia, distinctio ullam aliquid, omnis repellendus laudantium quidem iste deserunt illum id assumenda nulla. Reiciendis repudiandae corporis amet repellendus
        optio pariatur.</p>
    <p>Distinctio porro dignissimos odio officia, facilis quas cumque non magni rerum nam, ut, numquam iure quia? Natus, ad. Ipsum nesciunt cupiditate, odit suscipit maxime eligendi laborum tempore odio culpa reprehenderit.</p>
    <p>At explicabo sequi voluptatibus placeat harum? Exercitationem vel, eius nesciunt quam corrupti voluptas aliquid dolore officia. Odio ipsam nostrum aliquid consequatur, architecto officiis quas, necessitatibus labore asperiores perferendis autem earum!</p>
    <p>Iste distinctio illum consectetur voluptates ea ratione? Nulla non ratione unde? Veniam, libero est animi sed sequi quis accusamus cumque blanditiis alias. Illum accusantium voluptatibus repellendus, odio iusto doloribus quidem?</p>

    <code>
            <p style="white-space: pre;">
                let i = 1; if(i){
                     console.log(i); 
                    }
            </p>
    </code>
    <code>
        
    </code>
    <pre>
        ©️
            
            /**
            *　　　　　　　 ┏┓       ┏┓+ +
            *　　　　　　　┏┛┻━━━━━━━┛┻┓ + +
            *　　　　　　　┃　　　　　　 ┃
            *　　　　　　　┃　　　━　　　┃ ++ + + +
            *　　　　　　 █████━█████  ┃+
            *　　　　　　　┃　　　　　　 ┃ +
            *　　　　　　　┃　　　┻　　　┃
            *　　　　　　　┃　　　　　　 ┃ + +
            *　　　　　　　┗━━┓　　　 ┏━┛
            *               ┃　　  ┃
            *　　　　　　　　　┃　　  ┃ + + + +
            *　　　　　　　　　┃　　　┃　Code is far away from     bug with the animal protecting
            *　　　　　　　　　┃　　　┃ + 　　　　         神兽保佑,代码无bug
            *　　　　　　　　　┃　　　┃
            *　　　　　　　　　┃　　　┃　　+
            *　　　　　　　　　┃　 　 ┗━━━┓ + +
            *　　　　　　　　　┃ 　　　　　┣┓
            *　　　　　　　　　┃ 　　　　　┏┛
            *　　　　　　　　　┗┓┓┏━━━┳┓┏┛ + + + +
            *　　　　　　　　　 ┃┫┫　 ┃┫┫
            *　　　　　　　　　 ┗┻┛　 ┗┻┛+ + + +
            */

//                       .::::.
//                     .::::::::.
//                    :::::::::::
//                 ..:::::::::::'
//              '::::::::::::'
//                .::::::::::
//           '::::::::::::::..
//                ..::::::::::::.
//              ``::::::::::::::::
//               ::::``:::::::::'        .:::.
//              ::::'   ':::::'       .::::::::.
//            .::::'      ::::     .:::::::'::::.
//           .:::'       :::::  .:::::::::' ':::::.
//          .::'        :::::.:::::::::'      ':::::.
//         .::'         ::::::::::::::'         ``::::.
//     ...:::           ::::::::::::'              ``::.
//    ```` ':.          ':::::::::'                  ::::..
//                       '.:::::'                    ':'````..
//
        </pre>

    <a href>超链接</a>
</body>


</html>